import React, { Component } from 'react';
import '../css/FansOrFocus.less';
import {observer} from "mobx-react";
import  Mobx from  '../mobx'
@observer class Muban extends Component {
    constructor(props) {
        super(props)
    }
    render() {
        return (
            <div className="FansOrFocus">
                {
                    this.props.Array.map((item,index)=>{
                        return(
                            <div className='FansOrFocusOne' key={index}>
                                <div className='left'>
                                    <div className='img'>
                                        <img src={item.m.headPic} alt=""/>
                                    </div>
                                </div>
                                <div className='right'>
                                    <p className='shengluehao'>{item.m.username}</p>
                                    <p>
                                        {item.m.attributeValue5}
                                        <i>|</i>
                                        {item.clist.length}个创意
                                    </p>
                                    <div style={{display:!this.props.fans?'block':'none'}}>
                                        <button style={{display:!item.isattention?'block':'none'}}>关注</button>
                                        <button style={{display:item.isattention?'block':'none'}}>已关注</button>
                                    </div>
                                    <div style={{display:this.props.fans?'block':'none'}}>
                                        <button style={{display:!item.guanzhu?'block':'none'}}>关注</button>
                                        <button style={{display:item.guanzhu?'block':'none'}}>已关注</button>
                                    </div>
                                </div>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default Muban;
